// 导入Vue Router相关函数
import { createRouter, createWebHistory } from 'vue-router'

// 导入页面组件
import Login from '../views/login/index.vue'
import Index from '../views/index/index.vue'
import User from '../views/user/index.vue'

/**
 * 路由配置数组
 * 定义应用中所有可访问的路由路径及其对应的组件
   */
const routes = [
    {
        path: '/',           // 路由路径：根路径
        name: 'Login',        // 路由名称：用于编程式导航
        component: Login  // 对应的Vue组件：主页组件
    },
    {
        path: '/index',           // 路由路径：根路径
        name: 'Index',        // 路由名称：用于编程式导航
        component: Index,  // 对应的Vue组件：主页组件
        children: [
            {
                path: '/user',           // 路由路径：根路径
                name: 'User',        // 路由名称：用于编程式导航
                component: User  // 对应的Vue组件：主页组件
            }
        ]
    }
    

]

/**
 * 创建Vue Router实例
 * 配置路由器的基本选项
   */
const router = createRouter({
    // 路由历史模式：使用HTML5 History API
    // 优点：URL更美观，没有#号
    // 注意：需要服务器配置支持，避免刷新页面时出现404
    history: createWebHistory(),

    // 路由配置数组
    routes
})

// 导出路由实例，供main.js使用
export default router